<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>温州市产业政策奖励兑现系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/mui.min.css" />
    <link rel="stylesheet" href="css/mui.picker.css" />
    <link rel="stylesheet" href="css/mui.poppicker.css" />
    <link rel="stylesheet" href="css/webfont.css" />
    <link rel="stylesheet" href="css/css.css" />
</head>
<body>
    <div class="container header">
       <div class="title"><img src="img/logo_min.png" alt="">温州市产业政策奖励兑现系统 
            <a href="#topPopover" class="text-white float-right mr-1"><i class="fa fa-user-times"></i></a> 
             </div>
        <!--右上角弹出菜单-->
        <div id="topPopover" class="mui-popover">
            <div class="mui-popover-arrow"></div>
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul class="mui-table-view text-center"><br><li class="text-muted h6"> 已有帐号登录</li>
                        <li class="mui-table-view-cell"><a href="#"><i class="fa fa-institution"></i> 企业登录</a>
                        </li>
                        <li class="mui-table-view-cell"><a href="#"><i class="fa fa-user"></i> 个人登录</a>
                        </li><hr>
                       <li class="text-muted h6">还没有账号？立即注册</li>
                        <li class="mui-table-view-cell"><a href="#"><i class="fa fa-key"></i> 企业注册</a>
                        </li>
                        <li class="mui-table-view-cell"><a href="#"><i class="fa fa-key"></i> 个人注册</a>
                        </li><li class="mui-table-view-cell">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
          <!--右上角弹出菜单结束-->
        <div class="district">
            <span id='choose' class="text-white">
                <i class="fa fa-map-marker"></i>
                鹿城区
                <i class="fa fa-sort-desc"></i>
            </span>
            <br>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="mui-input-row mui-search">
                    <input type="search" class="mui-input-clear" placeholder="搜索">
                </div>
            </div>
        </div>
        <div class="icomenu">
            <div class="row">
                <div class="col">
                    <a href="index.html" class="">
                        <div class="iconbox bg_green"><i class="fa fa-thumbs-up"></i></div>
                        <div>申报推荐</div>
                    </a>
                </div>
                <div class="col"><a href="hall.html" class="">
                        <div class="iconbox bg_red"><i class="fa fa-university"></i></div>
                        <div>申报大厅</div>
                    </a></div>
                <div class="col"> <a href="process.html" class="">
                        <div class="iconbox bg_orange"><i class="fa fa-tasks"></i></div>
                        <div>办理进度</div>
                    </a></div>
                <div class="col"> <a href="announce.html" class="">
                        <div class="iconbox bg_bgblue"><i class="fa fa-file-text"></i></div>
                        <div>奖补公示</div>
                    </a></div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="label"> <img src="img/logo_blue.png" alt=""> 申报推荐</div>
        <ul class="mui-table-view mui-table-view-chevron">
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="hall_details.html">
                    <img class="mui-media-object mui-pull-left" src="img/img1.png">
                    <div class="mui-media-body">
                        投资200-500万元技改项目奖励
                        <p class='mui-ellipsis'>2020.02.22</p>
                    </div>
                </a> <a href="hall_details.html" class="sbbtn">申报</a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a class='' href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="img/img1.png">
                    <div class="mui-media-body">
                        鹿城区工业技术软件化（工业互业互...
                        <p class='mui-ellipsis'>
                            2020.02.22
                        </p>
                    </div>
                </a>
                <a href="hall_details.html" class="sbbtn">申报</a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="hall_details.html">
                    <img class="mui-media-object mui-pull-left" src="img/img1.png">
                    <div class="mui-media-body">
                        永嘉县省级高成长科技型企业奖...
                        <p class='mui-ellipsis'>2020.02.22</p>
                    </div>
                </a> <a href="hall_details.html" class="sbbtn">申报</a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="hall_details.html">
                    <img class="mui-media-object mui-pull-left" src="img/img1.png">
                    <div class="mui-media-body">
                        投资200-500万元技改项目奖励
                        <p class='mui-ellipsis'>2020.02.22</p>
                    </div>
                </a> <a href="hall_details.html" class="sbbtn">申报</a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="hall_details.html">
                    <img class="mui-media-object mui-pull-left" src="img/img1.png">
                    <div class="mui-media-body">
                        永嘉县省级高成长科技型企业奖...
                        <p class='mui-ellipsis'>2020.02.22</p>
                    </div>
                </a> <a href="hall_details.html" class="sbbtn">申报</a>
            </li>
        </ul>
        <div class="label"> <img src="img/logo_blue.png" alt=""> 数据统计</div>
    </div>
    <div class="statistics">
        <div class="row">
            <div class="col">
                <div class="small text-muted">奖补项目</div>
                <div class="blue"><span class="h5">2131</span> <span class="text-muted small">件</span></div>
            </div>
            <div class="col">
                <div class="small text-muted">奖补项目</div>
                <div class="green"><span class="h5">2800</span> <span class="text-muted small">项</span></div>
            </div>
            <div class="col">
                <div class="small text-muted">奖补项目</div>
                <div class="orange"><span class="h5">878800</span> <span class="text-muted small">万</span></div>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/mui.picker.js"></script>
<script src="js/mui.poppicker.js"></script>
<script>
(function($, doc) {
    $.init();
    $.ready(function() {
        /**
         * 获取对象属性的值
         * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
         * @param {Object} obj 对象
         * @param {String} param 属性名
         */
        var _getParam = function(obj, param) {
            return obj[param] || '';
        };
        //普通示例
        var userPicker = new $.PopPicker();
        userPicker.setData([{
            value: 'lcq',
            text: '鹿城区'
        }, {
            value: 'lwq',
            text: '龙湾区'
        }, {
            value: 'ohq',
            text: '瓯海区'
        }, {
            value: 'dtq',
            text: '洞头区'
        }, {
            value: 'ras',
            text: '瑞安市'
        }]);
        var showUserPickerButton = doc.getElementById('choose');
        var userResult = doc.getElementById('userResult');
        showUserPickerButton.addEventListener('tap', function(event) {
            userPicker.show(function(items) {
                userResult.innerText = JSON.stringify(items[0]);
                //返回 false 可以阻止选择框的关闭
                //return false;
            });
        }, false);

    });
})(mui, document);
</script>

</html>